<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.body0{
				width: 1355px;
				height: 40px;
			}
			div .left {
				float: left;
				width: 845px;
				height: 40px;
				background-color: rgb(51,51,51);
				border: 1px;
				list-style-type: none;
				margin-bottom: 10px;
			}
			div .left .left1{
				width: 420px;
				height: 40px;
				float: left;
			}
			div .left .left1 li{
				text-align: center;
				line-height: 40px;
			}
			div .left .left1 li a{
				float: left;
				display: block;
				width: 60px;
				height: 40px;
				font-size: 10px;
			}
			div .left .left1 li a:link,a:visited{
				text-decoration: none;
				color: rgb(176, 176, 176);
			}
			div .left .left1 li a:hover{
				text-decoration: none;
				color: white;
			}
			div .left .left2{
				width: 92.5px;
				height: 40px;
				float: left;
			}
			div .left .left2 li{
				text-align: center;
				line-height: 40px;
			}
			div .left .left2 li a{
				float: left;
				display: block;
				width: 92.5px;
				height: 40px;
				font-size: 10px;
			}
			div .left .left2 li a:link,a:visited{
				text-decoration: none;
				color: rgb(176, 176, 176);
			}
			div .left .left2 li a:hover{
				text-decoration: none;
				color: white;
			}
			div .left .left3{
				width: 240px;
				height: 40px;
				float: left;
			}
			div .left .left3 li{
				text-align: center;
				line-height: 40px;
			}
			div .left .left3 li a{
				float: left;
				display: block;
				width: 60px;
				height: 40px;
				font-size: 10px;
			}
			div .left .left3 li a:link,a:visited{
				text-decoration: none;
				color: rgb(176, 176, 176);
			}
			div .left .left3 li a:hover{
				text-decoration: none;
				color: white;
			}
			div .left .left4{
				width: 92.5px;
				height: 40px;
				float: left;
			}
			div .left .left4 li{
				text-align: center;
				line-height: 40px;
			}
			div .left .left4 li a{
				float: left;
				display: block;
				width: 92.5px;
				height: 40px;
				font-size: 10px;
			}
			div .left .left4 li a:link,a:visited{
				text-decoration: none;
				color: rgb(176, 176, 176);
			}
			div .left .left4 li a:hover{
				text-decoration: none;
				color: white;
			}
			div .right {
				float: left;
				width: 510px;
				height: 40px;
				background-color: rgb(51,51,51);
				border: 1px ;
				list-style-type: none;
				margin-bottom: 10px;
			}
			div .right li{
				text-align: center;
				line-height: 40px;
			}
			div .right li a{
				float: right;
				display: block;
				width: 80px;
				height: 40px;
				font-size: 10px;
			}
			div .right li a:link,a:visited{
				text-decoration: none;
				color:rgb(176,176,176);
			}
			div .right li a:hover{
				text-decoration: none;
				color: white;
			}
			.second-body{
				width: 1305px;
				height: 52px;
				/*margin-left: 60px;*/
				margin: 20px auto;
			}
			.second-left{
				float: left;
				list-style-type: none;
				width: 55px;
				height: 52px;
				margin-left: 5px;
				margin-bottom: 10px;
			}
			.second-center{
				float: left;
				width: 850px;
				height: 52px;
				margin-left: 30px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.second-center li{
				text-align: center;
				line-height: 52px;
			}
			.second-center li a{
				float: left;
				display: block;
				width: 100px;
				height: 52px;
			}
			.second-center a:link{
				text-decoration: none;
				color: black;
			}
			.second-center a:hover{
				color: orangered;
			}
			.second-right{
				float: left;
				width: 290px;
				height: 52px;
				list-style-type: none;
				margin-right: 30px;
				margin-bottom: 10px;
			}
			.th-body{
				width: 1305px;
				height: 460px;
				/*margin-left: 60px;*/
				margin: 20px auto;
			}
			.th-left{
				float: left;
				width: 230px;
				height: 460px;
				background-color: rgb(51,51,51);
				margin: 0px 0px 10px 20px;
				list-style-type: none;
			}
			.th-left li{
				text-align: center;
				line-height: 40px;
				padding: 3px 0px;
				
			}
			.th-left li a{
				display: block;
				width: 230px;
				height: 40px;
				list-style-type: none;
				text-decoration: none;
				
			}
			.th-left li a:link{
				color: rgb(176,176,176);
			}
			.th-left li a:hover{
				background-color: orangered;
			}
			 .th-right{
				float: left;
				width: 990px;
				height: 460px;
				list-style-type: none;
				margin: 0px 10px 10px 0px;
			}
			.forth-body{
				width: 1305px;
				height: 165px;
				/*margin-left: 60px;*/
				margin: 20px auto;
			}
			div .forth-left{
				float: left;
				width: 230px;
				height: 165px;
				margin: 0px 10px 10px 20px;
				list-style-type: none;
			}
			div .forth-center1{
				float: left;
				width: 315px;
				height: 165px;
				margin: 0px 10px 10px 5px;
				list-style-type: none;
			}
			div .forth-center2{
				float: left;
				width: 315px;
				height: 165px;
				margin: 0px 10px 10px 0px;
				list-style-type: none;
			}
			div .forth-right{
				float: left;
				width: 315px;
				height: 165px;
				margin: 0px 20px 10px 5px;
				list-style-type: none;
			}
			.fifth-body{
				width: 1300px;
				height: 360px;
				/*margin-left: 60px;*/
				margin: 10px auto;
			}
			div .fifth-left{
				float: left;
				width: 200px;
				height: 360px;
				margin: auto 20px;
				list-style-type: none;
			}
			div .fifth-center1{
				float: left;
				width: 200px;
				height: 360px;
				margin: auto 20px;
				list-style-type: none;
				border: 1px solid;
			}
			div .fifth-center2{
				float: left;
				width: 200px;
				height: 360px;
				margin: auto 20px;
				list-style-type: none;
			}
			div .fifth-center3{
				float: left;
				width: 200px;
				height: 360px;
				margin: auto 20px;
				list-style-type: none;
			}
			div .fifth-right{
				float: left;
				width: 200px;
				height: 360px;
				margin: auto 20px;
				list-style-type: none;
			}
			.sixth-body{
				width: 1185px;
				height: 126px;
			}
			div .sixth{
				margin: 10px 40px;
				list-style-type: none;
				text-decoration: none;
			}
			.seventh-body{
				width: 1225px;
				height: 610px;
				margin: 10px auto;
			}
			.seventh-left{
				float: left;
				width: 230px;
				height: 610px;
				margin: 10px auto;
				margin-top: 40px;
				list-style-type: none;
			}
			.seventh-right{
				float: left;
				width: 980px;
				height: 610px;
				margin: 10px auto;
				margin-top: 40px;
				/*list-style-type: none;*/
			}
			.seventh-right1{
				float: left;
				width: 980px;
				height: 300px;
				/*background-color: green;*/
				margin-bottom: 10px;
			}
			.seventh-right2{
				float: left;
				width: 980px;
				height: 300px;
				/*background-color: blanchedalmond;*/
			}
			.seventh-center1{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center2{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center3{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center4{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center5{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center6{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center7{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.seventh-center8{
				float: left;
				width: 240px;
				height: 300px;
				list-style-type: none;
			}
			.eighth-body{
				width: 1185px;
				height: 126px;
			}
			div .eighth{
				margin: 15px 50px;
				list-style-type: none;
				text-decoration: none;
			}
			.ninth-body{
				width: 1225px;
				height: 610px;
				margin: 20px auto;
			}
			.ninth-up{
				width: 1225px;
				height: 300px;
			}
			.ninth-down{
				width: 1225px;
				height: 300px;
			}
			div .ninth-left{
				float: left;
				width: 962px;
				height: 300px;
			}
			div .ninth-right{
				float: left;
				width: 230px;
				height: 300px;
			}
			.ninth-up1{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-up2{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-up3{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-up4{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-up5{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-right:20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-left1{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-left2{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-left3{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-left4{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-right1{
				float: left;
				width: 230px;
				height: 145px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.ninth-right2{
				width: 230px;
				height: 145px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.tenth{
				width: 1225px;
				height: 136px;
				margin: 20px auto;
				margin-left: 60px;
				list-style-type: none;
				text-decoration: none;
			}
			.eleven-body{
				width: 1225px;
				height: 610px;
				margin: 10px auto;
			}
			.eleven-up{
				width: 1225px;
				height: 300px;
			}
			.eleven-down{
				width: 1225px;
				height: 300px;
			}
			div .eleven-left{
				float: left;
				width: 962px;
				height: 300px;
			}
			div .eleven-right{
				float: left;
				width: 230px;
				height: 300px;
			}
			.eleven-up1{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-up2{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-up3{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-up4{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-up5{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-right:20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-left1{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-left2{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-left3{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-left4{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-right1{
				float: left;
				width: 230px;
				height: 145px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.eleven-right2{
				width: 230px;
				height: 145px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.twelve{
				width: 1225px;
				height: 136px;
				margin: 20px auto;
				margin-left: 60px;
				list-style-type: none;
				text-decoration: none;
			}
			.thirteen-body{
				width: 1225px;
				height: 610px;
				margin: 10px auto;
			}
			.thirteen-up{
				width: 1225px;
				height: 300px;
			}
			.thirteen-down{
				width: 1225px;
				height: 300px;
			}
			div .thirteen-left{
				float: left;
				width: 962px;
				height: 300px;
			}
			div .thirteen-right{
				float: left;
				width: 230px;
				height: 300px;
			}
			.thirteen-up1{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-up2{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-up3{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-up4{
				float: left;
				width: 230px;
				height: 300px;
				margin-left:5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-up5{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-right:20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-left1{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-left2{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-left3{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-left4{
				float: left;
				width: 230px;
				height: 300px;
				margin-left: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-right1{
				float: left;
				width: 230px;
				height: 145px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.thirteen-right2{
				width: 230px;
				height: 145px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.forteen{
				width: 1225px;
				height: 136px;
				margin: 20px auto;
				margin-left: 60px;
				list-style-type: none;
				text-decoration: none;
			}
			.fifteen-body{
				width: 1225px;
				height: 610px;
				margin: 10px auto;
			}
			div .fifteen-body1 h1{
				width: 1100px;
				height: 50px;
				float: left;
				color: rgb(51,51,51);
			}
			div .fifteen-body2 h3{
				float: right;
				width: 125px;
				height: 50px;
				color: rgb(51,51,51);
			}
			.fifteen-body div h1:hover{
				color: orange;
			}
			.fifteen-body div h3:hover{
				color: orange;
			}
			.fifteen-up{
				width: 1225px;
				height: 250px;
				margin-bottom: 15px;
			}
			.fifteen-down{
				width: 1225px;
				height: 250px;
			}
			div .fifteen-left{
				float: left;
				width: 962px;
				height: 250px;
			}
			div .fifteen-right{
				float: left;
				width: 230px;
				height: 250px;
			}
			.fifteen-up1{
				float: left;
				width: 230px;
				height: 250px;
				margin-left:10px;
				margin-bottom: 20px;
				list-style-type: none;
			}
			.fifteen-up2{
				float: left;
				width: 230px;
				height: 250px;
				margin-left:5px;
				margin-bottom: 20px;
				list-style-type: none;
			}
			.fifteen-up3{
				float: left;
				width: 230px;
				height: 250px;
				margin-left:5px;
				margin-bottom: 20px;
				list-style-type: none;
			}
			.fifteen-up4{
				float: left;
				width: 230px;
				height: 250px;
				margin-left:5px;
				margin-bottom: 20px;
				list-style-type: none;
			}
			.fifteen-up5{
				float: left;
				width: 230px;
				height: 250px;
				margin-left: 5px;
				margin-right:20px;
				margin-bottom: 20px;
				list-style-type: none;
			}
			.fifteen-left1{
				float: left;
				width: 230px;
				height: 250px;
				margin-left: 10px;
				margin-top: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.fifteen-left2{
				float: left;
				width: 230px;
				height: 250px;
				margin-left: 5px;
				margin-top: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.fifteen-left3{
				float: left;
				width: 230px;
				height: 250px;
				margin-left: 5px;
				margin-top: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.fifteen-left4{
				float: left;
				width: 230px;
				height: 250px;
				margin-left: 5px;
				margin-top: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.fifteen-right1{
				float: left;
				width: 230px;
				height: 115px;
				margin-right: 20px;
				margin-top: 5px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.fifteen-right2{
				width: 230px;
				height: 115px;
				margin-right: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.sixteen-body{
				width: 1225px;
				height: 250px;
				margin: 10px auto;
			}
			div .sixteen-body1 h1{
				width: 1000px;
				height: 50px;
				float: left;
				color: rgb(51,51,51);
			}
			div .sixteen-body2 h3{
				float: right;
				width: 225px;
				height: 50px;
				color: rgb(51,51,51);
			}
			.sixteen-body div h1:hover{
				color: orange;
			}
			.sixteen-body div h3:hover{
				color: orange;
			}
			.sixteen-down{
				width: 1225px;
				height: 150px;
			}
			.sixteen-left{
				float: left;
				width: 285px;
				height: 150px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.sixteen-center1{
				float: left;
				width: 285px;
				height: 150px;
				margin-left: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.sixteen-center2{
				float: left;
				width: 285px;
				height: 150px;
				margin-left: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			.sixteen-right{
				float: left;
				width: 285px;
				height: 150px;
				margin-left: 20px;
				margin-bottom: 10px;
				list-style-type: none;
			}
			div p{
				text-align: center;
			}
			div p:hover{
				color: orangered;
				cursor: pointer;
			}
			.seventeen-body{
				width: 1225px;
				height: 255px;
				margin: 20px auto;
			}
			 div .seventeen-up{
				width 1225px;
				height: 76px;
				list-style-type: none;
			}
			div .seventeen-up li{
				float: left;
				text-align: center;
				width: 245px;
				line-height: 76px;
			}
			div ul li a:link,a:visited{
				text-decoration: none;
			}
			div ul li a:hover{
				cursor: pointer;
				color: orangered;
			}
			div .seventeen-down .seventeen-left{
				float: left;
				width: 980px;
				height: 150px;
				margin: 10px auto;
				list-style-type: none;
			}
			div .seventeen-down .seventeen-right{
				float: left;
				width: 245px;
				height: 150px;
				margin: 10px auto;
				list-style-type: none;
			}
		</style>
	</head>
	<body>
		<div class="body0">
			<ul class="left">
				<ul class="left1">
					<li>
						<a href=""></a>
						<a href="https://www.mi.com/index.html">小米商城</a>
						<a href="https://www.miui.com/">MIUI</a>
						<a href="https://iot.mi.com/index.html">IoT</a>
						<a href="https://i.mi.com/">云服务</a>
						<a href="https://jr.mi.com/?from=micom">金融</a>
						<a href="https://youpin.mi.com/">有品</a>
					</li>
				</ul>
				<ul class="left2">
					<li><a href="https://xiaoai.mi.com/">小爱开放平台</a></li>
				</ul>
				<ul class="left3">
					<li>
						<a href="https://qiye.mi.com/">企业团购</a>
						<a href="https://www.mi.com/aptitude/list/?id=41">资质证照</a>
						<a href="https://www.mi.com/aptitude/list/">协议规则</a>
						<a href="https://www.mi.com/appdownload/">下载app</a>
					</li>
				</ul>		
				<ul class="left4">
					<li>
						<a href="javascript:;">Select Loction</a>
					</li>
				</ul>
			</ul>
			<ul class="right">
				<li>
					<a href=""></a>
					<a href="https://static.mi.com/cart/">购物车</a>
						<a href="javascript:void(0);">消息通知</a>
					<a href="javascript:void(0);">注册</a>
					<a href="javascript:void(0);">登录</a>
				</li>
			</ul>
		</div>
		<div class="second-body">
			<ul class="second-left">
				<li>
					<a href="#"><img src="img/MI.png"  /></a>
				</li>
			</ul>
			<ul class="second-center">
				<li>
					<a href="javascript: void(0);">小米手机</a>
				</li>
				<li>
					<a href="javascript: void(0);">Redmi红米</a>
				</li>
				<li>
					<a href="javascript: void(0);">电视</a>
				</li>
				<li>
					<a href="javascript: void(0);">笔记本</a>
				</li>
				<li>
					<a href="javascript: void(0);">家电</a>
				</li>
				<li>
					<a href="javascript: void(0);">路由器</a>
				</li>
				<li>
					<a href="javascript: void(0);">智能硬件</a>
				</li>
				<li>
					<a href="https://www.mi.com/service/">服务</a>
				</li>	
				<li>
					<a href="http://www.xiaomi.cn/">社区</a>
				</li>
			</ul>
			<ul class="second-right">
				<li>
					<a href="#"><img src="img/搜索.png"/></a>
				</li>
			</ul>
		</div>	
		<div class="th-body">
			<ul class="th-left">
				<li>
					<a href="https://www.mi.com/p/1915.html">手机 电话卡</a>
				</li>
				<li>
					<a href="https://www.mi.com/a/h/9819.html">电视 盒子</a>
				</li>
				<li>
					<a href="https://www.mi.com/a/h/7529.html">笔记本 平板</a>
				</li>
				<li>
					<a href="https://www.mi.com/p/9285.html">家电插 线板</a>
				</li>
				<li>
					<a href="https://www.mi.com/p/9289.html">出行 穿戴</a>
				</li>
				<li>
					<a href="https://www.mi.com/a/h/8363.html">智能路由器</a>
				</li>
				<li>
					<a href="https://www.mi.com/p/9290.html">电源 配件</a>
				</li>
				<li>
					<a href="https://www.mi.com/p/9291.html">健康 儿童</a>
				</li>
				<li>
					<a href="https://www.mi.com/p/9292.html">耳机 音箱</a>
				</li>
				<li>
					<a href="https://www.mi.com/p/9293.html">生活 箱包</a>
				</li>
			</ul>
			<ul class="th-right">
				<li>
				<img src="img/big.png"/>
				</li>
			</ul>
		</div>
		<div class="forth-body">
			<div class="forth-left"><img src="img/字体图标.png" /></div>
			<div class="forth-center1"><img src="img/Redmi7.png" /></div>
			<div class="forth-center2"><img src="img/小米mix3.png" /></div>
			<div class="forth-right"><img src="img/手环4.png" /> </div>	
		</div>
		<div class="fifth-body">
			<div class="fifth-left"><img src="img/5-1.png"/></div>
			<div class="fifth-center1"><img src="img/5-2.png"/></div>
			<div class="fifth-center2"><img src="img/5-3.png"/></div>
			<div class="fifth-center3"><img src="img/5-4.png"/></div>
			<div class="fifth-right"><img src="img/5-5.png"/></div>
		</div>
		<div class="sixth-body">
			<div class="sixth">
				<img src="img/6-1.png"/>
			</div>
		</div>
		<div class="seventh-body">
			<div class="seventh-left"><img src="img/7-1.png"/></div>
			<div class="seventh-right">
				<div class="seventh-right1">
					<div class="seventh-center1"><img src="img/7-2.png"/></div>
					<div class="seventh-center2"><img src="img/7-3.png"/></div>
					<div class="seventh-center3"><img src="img/7-4.png"/></div>
					<div class="seventh-center4"><img src="img/7-5.png"/></div>
				</div>
				<div class="seventh-right2">
				<div class="seventh-center5"><img src="img/7-6.png"/></div>
				<div class="seventh-center6"><img src="img/7-7.png"/></div>
				<div class="seventh-center7"><img src="img/7-8.png"/></div>
				<div class="seventh-center8"><img src="img/7-9.png"/></div>
			</div>
			</div>
		</div>
		<div class="eighth-body">
			<div class="eighth"><img src="img/8-1.png"/></div>
		</div>
		<div class="ninth-body">
			<div class="ninth-up">
				<div class="ninth-up1"><img src="img/9-1.png"/></div>
				<div class="ninth-up2"><img src="img/9-2.png"/></div>
				<div class="ninth-up3"><img src="img/9-3.png"/></div>
				<div class="ninth-up4"><img src="img/9-4.png"/></div>
				<div class="ninth-up5"><img src="img/9-5.png"/></div>
			</div>
			<div class="ninth-down">
				<div class="ninth-left">
					<div class="ninth-left1"><img src="img/9-6.png"/></div>
					<div class="ninth-left2"><img src="img/9-7.png"/></div>
					<div class="ninth-left3"><img src="img/9-8.png"/></div>
					<div class="ninth-left4"><img src="img/9-9.png"/></div>
				</div>
				<div class="ninth-right">
					<div class="ninth-right1"><img src="img/9-10.png"/></div>
					<div class="ninth-right2"><img src="img/9-11.png"/></div>
				</div>
			</div>
		</div>
		<div>
			<div class="tenth"><img src="img/10-1.png"/></div>
		</div>
		<div class="eleven-body">
			<div class="eleven-up">
				<div class="eleven-up1"><img src="img/11-1.png"/></div>
				<div class="eleven-up2"><img src="img/11-2.png"/></div>
				<div class="eleven-up3"><img src="img/11-3.png"/></div>
				<div class="eleven-up4"><img src="img/11-4.png"/></div>
				<div class="eleven-up5"><img src="img/11-5.png"/></div>
			</div>
			<div class="eleven-down">
				<div class="eleven-left">
					<div class="eleven-left1"><img src="img/11-6.png"/></div>
					<div class="eleven-left2"><img src="img/11-7.png"/></div>
					<div class="eleven-left3"><img src="img/11-8.png"/></div>
					<div class="eleven-left4"><img src="img/11-9.png"/></div>
				</div>
				<div class="eleven-right">
					<div class="eleven-right1"><img src="img/11-10.png"/></div>
					<div class="eleven-right2"><img src="img/9-11.png"/></div>
				</div>
			</div>
		</div>
		<div>
			<div class="twelve"><img src="img/12-1.png"/></div>
		</div>
		<div class="thirteen-body">
			<div class="thirteen-up">
				<div class="thirteen-up1"><img src="img/13-1.png"/></div>
				<div class="thirteen-up2"><img src="img/13-2.png"/></div>
				<div class="thirteen-up3"><img src="img/13-3.png"/></div>
				<div class="thirteen-up4"><img src="img/13-4.png"/></div>
				<div class="thirteen-up5"><img src="img/13-5.png"/></div>
			</div>
			<div class="thirteen-down">
				<div class="thirteen-left">
					<div class="thirteen-left1"><img src="img/13-6.png"/></div>
					<div class="thirteen-left2"><img src="img/13-7.png"/></div>
					<div class="thirteen-left3"><img src="img/13-8.png"/></div>
					<div class="thirteen-left4"><img src="img/13-9.png"/></div>
				</div>
				<div class="thirteen-right">
					<div class="thirteen-right1"><img src="img/13-10.png"/></div>
					<div class="thirteen-right2"><img src="img/9-11.png"/></div>
				</div>
			</div>
		</div>
		<div>
			<div class="forteen"><img src="img/14-1.png"/></div>
		</div>
		<div class="fifteen-body">
			<div class="fifteen-body1">
				<h1>周边</h1>
			</div>
			<div class="fifteen-body2">
				<h3>热门 出行</h3>
			</div>
			<div class="fifteen-up">
				<div class="fifteen-up1"><img src="img/15-1.png"/></div>
				<div class="fifteen-up2"><img src="img/15-2.png"/></div>
				<div class="fifteen-up3"><img src="img/15-3.png"/></div>
				<div class="fifteen-up4"><img src="img/15-4.png"/></div>
				<div class="fifteen-up5"><img src="img/15-5.png"/></div>
			</div>
			<div class="fifteen-down">
				<div class="fifteen-left">
					<div class="fifteen-left1"><img src="img/15-6.png"/></div>
					<div class="fifteen-left2"><img src="img/15-7.png"/></div>
					<div class="fifteen-left3"><img src="img/15-8.png"/></div>
					<div class="fifteen-left4"><img src="img/15-2.png"/></div>
				</div>
				<div class="fifteen-right">
					<div class="fifteen-right1"><img src="img/15-10.png"/></div>
					<div class="fifteen-right2"><img src="img/9-11.png"/></div>
				</div>
			</div>
		</div>
		<div class="sixteen-body">
			<div class="sixteen-body1">
				<h1>视频</h1>
			</div>
			<div class="sixteen-body2">
				<h3>查看全部&gt;</h3>
			</div>
			<div class="sixteen-down">
				<div class="sixteen-left">
					<img src="img/16-1.png"/>
					<p>小米cc9</p>
				</div>
				<div class="sixteen-center1">
					<img src="img/16-2.png"/>
					<p>Redmi7系列</p>
				</div>
				<div class="sixteen-center2">
					<img src="img/16-3.png"/>
					<p>x黑鲨游戏手机2</p>
				</div>
				<div class="sixteen-right">
					<img src="img/16-4.png"/>
					<p>小米手环4</p>
				</div>
			</div>
		</div>
		<div class="seventeen-body">
			<ul class="seventeen-up">
				<li>
					<a>预约维修服务</a>
				</li>
				<li>
					<a>七天无理由退货</a>
				</li>
				<li>
					<a>15天免费换货</a>
				</li>
				<li>
					<a>满150元包邮</a>
				</li>
				<li>
					<a>520余家售后网点</a>
				</li>
			</ul>
			<div class="seventeen-down">
				<ul class="seventeen-left">
					<li>
						<a href="#"><img src="img/Image.png"/></a>
					</li>
				</ul>
				<ul class="seventeen-right">
					<li>
						<a href="#"><img src="img/last.png"/></a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
